<template>
	<tm-navbar
		:scrollTop="scrollTop"
		:showNavBack="false"
		llWidth="0"
		lrWidth="200"
		bg-color="#f5f5f5"
	>
		<template v-slot:title>
			<view class="fd-r pl-24" style="height: 100%">
				<text class="mr-24 text-#ff5416 fw-b">有品</text>
				<view class="flex1">
					<tm-input
						focus-font-color="#ff5416"
						:focus-highlight="false"
						placeholder="搜索吧"
						icon-color="#ff5416"
						round="76"
						left-icon="search-2-line"
						min-height="62"
						color="#ededed"
					></tm-input>
				</view>
			</view>
		</template>
	</tm-navbar>
</template>

<script setup>
import { ref } from 'vue';

const scrollTop = ref(0);
</script>

<style lang="scss">
.box {
	border: 1px solid #ff5416;
}
</style>
